<!--分类-->
<template>
  <transition name="home" enter-active-class="animated slideInLeft" >
    <div class="classify">
      <Headers></Headers>
      <Extension :extensionList="extension.extensionList"></Extension>
      <TabTitle :tabList="tab.tabList"></TabTitle>
      <FenleiTab></FenleiTab>
      <Footers></Footers>
    </div>
  </transition>
</template>

<script>
  import Headers from '@/components/commons/header/header.vue'
  import Extension from '@/components/classify/home/extension.vue'
  import TabTitle from '@/components/classify/home/tabTitle.vue'
  import FenleiTab from '@/components/classify/home/fenleiTab.vue'
  import Footers from '@/components/commons/footer/footer.vue'
  export default {
    name: 'Classify',
    data () {
      return {
        extension: '',
        tab: ''
      }
    },
    mounted () {
      this.$http.get('./static/data/classdata.json').then((msg) => {
        this.extension = msg.body.extension
        this.tab = msg.body.tab
      })
    },
    components: {Headers, Extension, TabTitle, FenleiTab, Footers}
  }
</script>


<style>

</style>
